Wavy
A wavy slider much like the Material Design 3 Slider.
Setting waveHeight or waveLength to 0.dp results in a regular Slider.
Note that range sliders do not make sense for the WavySlider. So, there is no RangeWavySlider counterpart.
It uses SliderDefaults.Thumb and SliderDefaults.Track as the thumb and track.
Parameters
current value of the WavySlider. Will be coerced to valueRange.
callback in which value should be updated.
the Modifier to be applied to this WavySlider.
controls the enabled state of this WavySlider. When false, this component will not respond to user input, and it will appear visually disabled and disabled to accessibility services.
range of values that this WavySlider can take. The passed value will be coerced to this range.
called when value change has ended. This should not be used to update the WavySlider value (use onValueChange instead), but rather to know when the user has completed selecting a new value by ending a drag or a click.
SliderColors that will be used to resolve the colors used for this WavySlider in different states. See SliderDefaults.colors.
the MutableInteractionSource representing the stream of Interactions for this WavySlider. You can create and pass in your own remembered instance to observe Interactions and customize the appearance / behavior of this slider in different states.
the distance over which the wave's shape repeats.
the total height of the wave (from crest to trough i.e. amplitude * 2). The final rendered height of the wave will be waveHeight + waveThickness.
the horizontal movement (speed per second and direction) of the whole wave (aka phase shift). Setting speed to 0.dp or less stops the movement.
the thickness of the active line (whether animated or not).
the thickness of the inactive line.
whether to gradually increase height from zero at start to waveHeight at thumb.
animation configurations used for various properties of the wave.
A wavy slider much like the Material Design 3 Slider.
Setting waveHeight or waveLength to 0.dp results in a regular Slider.
Note that range sliders do not make sense for the WavySlider. So, there is no RangeWavySlider counterpart.
Parameters
current value of the WavySlider. Will be coerced to valueRange.
callback in which value should be updated.
the Modifier to be applied to this WavySlider.
controls the enabled state of this WavySlider. When false, this component will not respond to user input, and it will appear visually disabled and disabled to accessibility services.
range of values that this WavySlider can take. The passed value will be coerced to this range.
called when value change has ended. This should not be used to update the WavySlider value (use onValueChange instead), but rather to know when the user has completed selecting a new value by ending a drag or a click.
SliderColors that will be used to resolve the colors used for this WavySlider in different states. See SliderDefaults.colors.
the MutableInteractionSource representing the stream of Interactions for this WavySlider. You can create and pass in your own remembered instance to observe Interactions and customize the appearance / behavior of this slider in different states.
the distance over which the wave's shape repeats.
the total height of the wave (from crest to trough i.e. amplitude * 2). The final rendered height of the wave will be waveHeight + waveThickness.
the horizontal movement (speed per second and direction) of the whole wave (aka phase shift). Setting speed to 0.dp or less stops the movement.
the thickness of the active line (whether animated or not).
the thickness of the inactive line.
whether to gradually increase height from zero at start to waveHeight at thumb.
animation configurations used for various properties of the wave.
the thumb to be displayed on the WavySlider, it is placed on top of the track. The lambda receives a SliderPositions which is used to obtain the current active track.
the track to be displayed on the WavySlider, it is placed underneath the thumb. The lambda receives a SliderPositions which is used to obtain the current active track.
A wavy slider much like the Material Design 3 Slider.
Setting waveHeight or waveLength to 0.dp results in a regular Slider.
Note that range sliders do not make sense for the WavySlider. So, there is no RangeWavySlider counterpart.
Parameters
SliderState which contains the slider's current value.
the Modifier to be applied to this WavySlider.
controls the enabled state of this WavySlider. When false, this component will not respond to user input, and it will appear visually disabled and disabled to accessibility services.
SliderColors that will be used to resolve the colors used for this WavySlider in different states. See SliderDefaults.colors.
the MutableInteractionSource representing the stream of Interactions for this WavySlider. You can create and pass in your own remembered instance to observe Interactions and customize the appearance / behavior of this slider in different states.
the distance over which the wave's shape repeats.
the total height of the wave (from crest to trough i.e. amplitude * 2). The final rendered height of the wave will be waveHeight + waveThickness.
the horizontal movement (speed per second and direction) of the whole wave (aka phase shift). Setting speed to 0.dp or less stops the movement.
the thickness of the active line (whether animated or not).
the thickness of the inactive line.
whether to gradually increase height from zero at start to waveHeight at thumb.
animation configurations used for various properties of the wave.
the thumb to be displayed on the WavySlider, it is placed on top of the track. The lambda receives a SliderPositions which is used to obtain the current active track.
the track to be displayed on the WavySlider, it is placed underneath the thumb. The lambda receives a SliderPositions which is used to obtain the current active track.